<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jq/jquery1.9/jquery-1.9.0.js"></script>
    <script>
        // window.onload=function(){
        //     var inputs=document.querySelectorAll("input");//集合
        //     for(var i=0;i<inputs.length;i++){
        //        inputs[i].onclick=function(){
        //             console.log(this.value);//this表示的是事件源，触发事件的元素
        //        };
        //     }
        // };

        $(function(){
            // $("#btn").click(function(){
            //     // console.log(this.value);//调用的DOM对象.value属性，获取value值
            //     console.log($("#btn").val());//调用jQuery对象.val()方法，获取value值
            // });

            $("input").click(function(){//获取的是jQuery对象(集合)，会自动进行隐式迭代(遍历)
                // console.log(this.value);//调用的DOM对象.value属性，获取value值
                // console.log( $("input").val());//不能使用此方式，获取的始终是集合中第一个元素的值
                // console.log($(this).val());//使用$()将DOM对象转换为jQuery对象  $(DOM对象)

                // jQuery对象.val()获取jquery对象集合中第一个元素的值
                // jQuery对象.val(值) 设置值

                // $("input").val("嘿嘿，我是车信誉");//重新设置值
                // $(this).val("嘿嘿，我是车信誉");

                // $("input").css("color","red");
                $(this).css("color","red");
                
            });
            $("li").click(function(){
                // console.log(this.innerHTML);//DOM对象.innerHTML

                // jQuery对象.html()获取内容
                // jQuery对象.html(值)设置内容
                // console.log($("li").html());//不能使用此方式，获取的始终是集合中第一个元素的内容
                // console.log($(this).html());//使用$(DOM对象)转换为jQuery对象
                // $("li").css("color","red");

                // $("li").html("哈哈哈");
                $(this).html("哈哈哈哈");
            });
        
        
        });
    </script>
</head>
<body>
    <!-- <input type="button"  id="btn" value="嘻嘻"> -->
    <input type="button" value="按钮1">
    <input type="button" value="按钮2">
    <input type="button" value="按钮3">
    <input type="button" value="按钮4">
    <input type="button" value="按钮5">
    <li>li01</li>
    <li>li02</li>
    <li>li03</li>
</body>
</html>